<!--管理网站统一的头部和尾部-->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/temple.css">
	<link rel="stylesheet" href="css/login.css">
</head>
<body>
	<!--顶部 B-->
	<div class="top">
		<div class="center top_c">你好，欢迎来到美食美刻网！</div>
	</div>
	<!--顶部 E-->
	<!--logo B-->
	<div class="logo">
		<div class="center l_c">
			<div class="l_left fl">
				<h1>
					<a href="#">美食美刻</a>
				</h1>
			</div>
			<div class="l_center fl">
				<input class="txt fl" type="text" placeholder="请输入菜谱/食材/菜单">
				<input class="btn fl" type="button" value="搜索">
			</div>
			<div class="l_right fr">
				<ul>
					<li><b></b><a href="#">QQ登录</a></li>
					<li><b class="sina"></b><a href="#">微博登录</a></li>
					<li><a href="#">注册</a></li>
					<li><input type="button" value="登录"></li>
				</ul>
			</div>
		</div>				
	</div>
	<!--logo E-->
	<!--内容 B-->
	<div class="main center">
		<div class="m_left fl">
			<img src="images/cookie.png">
		</div>
		<div class="m_right fr">
			<h2>美食美刻</h2>
			<div class="uName_pwd">
				<input class="txt" type="text" placeholder="请输入昵称">
				<input class="btn" type="password" placeholder="密码">
			</div>
			<div class="remember">
				<span class="fl">
					<input type="checkbox">自动登录
				</span>
				<a class="fr" href="#">忘记密码?</a>
			</div>
			<div>
				<input type="button" class="loginBtn" value="登&nbsp;&nbsp;&nbsp;&nbsp;录">
			</div>
			<P class="other">
				其他方式
			</P>
			<ul class="login_type">
				<li class="fl"><b></b><a href="#">腾讯登录</a></li>
				<li class="fl l_t_c"><b class="sina"></b><a href="#">微博登录</a></li>
				<li class="fr"><b class="email"></b><a href="#">邮箱注册</a></li>
			</ul>
		</div>
	</div>



	<!--内容 E--
	<!--底部 B-->
	<div class="foot">
		<div class="f_border">
			<div>
				<b class="b1"></b>
				<b class="b2"></b>
				<b class="b3"></b>
				<b class="b4"></b>
			</div>
			<div class="center">
				<div class="f_left fl">
					<ul>
						<li>中国，最大的菜谱库 <span class="fz14"><span class="cRed">800,000</span> 篇</span></li>
						<li>每月，用户访问数量 <span class="fz14"><span class="cRed">20,000,000</span> 次</span></li>
						<li>每年，菜谱被浏览量 <span class="fz14"><span class="cRed">36,000,000,000</span> 次</span></li>
						<li>现在，这些数字还在不断的增长着，欢迎您来一起使用美食美刻</li>
					</ul>
				</div>
				<div class="f_right fr">
					<ul>
						<li>
							<a href="#">
								<s></s>
								<span>点击进入<br/>爱美食微博官网</span>
							</a>
						</li>
						<li>
							<a href="#">
								<s class="qq"></s>
								<span>点击进入<br/>爱美食QQ空间</span>
							</a>
						</li>
						<li>
							<a href="#">
								<s class="weChat "></s>
								<span>扫二维码添加<br/>爱美食为微信好友</span>
							</a>
						</li>
						<li>
							<a href="#">
								<s class="app"></s>
								<span>扫二维码添加<br/>下载吗爱美食手机客户端</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!--底部 E-->
</body>
</html>